<template>
  <div class="header2">
    <div><img src="https://p0.meituan.net/scarlett/448afce485c1f342895185c2be668fa411803.png@80q"/>
    </div>
    <div>
      <span>发现最新最热电影</span>
      <span>打开App > </span>
    </div>
  </div>
</template>

<script>
export default {
  name: "MyHeader2"
}
</script>

<style scoped>
.header2 {
  height: 1.6rem;
  line-height: 1.6rem;
  border: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
}
.header2 div:nth-of-type(1) {
  width: 30%;
}
.header2 div:nth-of-type(2) {
  width: 70%;
}
.header2 div:nth-of-type(1) img {
  margin-top: 10px;
  width: 80%;
}
</style>